<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet"
	href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script
	src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
	<script th:src="@{/plugins/jQuery/navbar/jquery-mobile-navbar.js}"></script>
<style>
th {
	border-bottom: 1px solid #d6d6d6;
}

tr {
	border-bottom: 1px solid #d6d6d6;
}

td {
	border-bottom: 1px solid #d6d6d6;
}
/* tr:nth-child(even) {
    background: #e9e9e9;
} */
/* td:nth-child(odd) {
	background: #CAE1FF;
} */
pre {
	white-space: pre-wrap;
	word-wrap: break-word;
}
</style>
</head>
<body>
	<div data-role="page" id="pageone">
		<div data-role="header" data-position="fixed" data-tap-toggle="true"
			data-theme="a">
			<h1>白云区"门前三包"管理平台</h1>
			<a href='javascript:location.reload();'
				class="ui-btn ui-btn-a ui-icon-refresh ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">refeash</a>
		</div>
		<input type="hidden" id="identify" th:value="${identify}"></input> <input
			type="hidden" id="displayEdit" th:value="${displayEdit}"></input> <input
			type="hidden" id="displayCheck" th:value="${displayCheck}"></input> <input
			type="hidden" id="displayInspection" th:value="${displayInspection}"></input>
		<input type="hidden" id="displayKitchen" th:value="${displayKitchen}"></input>
		<!-- <div data-role="main" class="ui-content" style='background:url(/dcms/img/backimg.jpg) 50% 0 no-repeat;background-size:cover' >-->
		<div data-role="main" class="ui-content">
			<h2 align="center" id="maintitle"></h2>
			<h2 align="center">"门前三包"</h2>
			<table data-role="table" data-mode="columntoggle:none"
				class="ui-responsive table-stroke ui-shadow" id="btitle">
				<thead class="pearlHeading">
					<tr>
						<th>
						<a href="#pop" data-rel="popup" data-position-to="window" class="extendimg" id="bimg"
							data-transition="fade"> <img id="avatar" src=""
								style="width: 100%" />
						</a>
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td><label>综合评分</label><label id="evaluateScale"></label></td>
					</tr>
					<tr>
					
						<td><label>综合评定</label><div id="stardiv"></div> 
						</td>
					</tr>
					<tr>
						<td><a href='#sPanel'
							data-rel="back"
							class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-plus ui-btn-icon-notext ui-btn-center">edit</a>
						</td>
					</tr>
				</tbody>
			</table>

			<div data-role="popup" id="pop">
				<a href="#" id="backloadingimg" data-rel="back"
					class="ui-btn ui-btn-a ui-icon-delete ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">关闭</a><!-- data-rel="back" -->
				<img src="" id="avatarbig" style="width: 100%" />
			</div>
			<div data-role="main" class="ui-content"></div>
			<table data-role="table" data-mode="columntoggle:none"
				class="ui-body-c ui-responsive ui-shadow" data-column-btn-theme="e"
				data-column-popup-theme="c" id="myTable">
				<thead class="pearlHeading">
					<tr>
						<th width="30%"><h3>资料介绍</h3></th>
						<th>
							<!-- <div class="ui-block-a">
								<a href='javascript: ;' id="myedit"
									class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-edit ui-btn-icon-notext ui-btn-center">edit</a>
							</div>
							<div class="ui-block-b">
								<a href='javascript: ;' id="mykitchen"
									class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-gear ui-btn-icon-notext">itchen</a>
							</div>
							<div class="ui-block-a">
								<a href='javascript: ;' id="myinspection"
									class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-alert ui-btn-icon-notext">inspection</a>
							</div> data-rel="back" 
							<div class="ui-block-b">
								<a href='javascript: ;' id="mycheck"
									class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-gear ui-btn-icon-notext">check</a>
							</div> -->
						</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>店名</td>
						<td id="shopName"></td>
					</tr>
					<tr>
						<td>认证状态</td>
						<td><img id="infoState" width="20%" src="" /></td>
					</tr>
					<tr>
						<td>签订人</td>
						<td id="signPerson"></td>
					</tr>
					<tr>
						<td>经营地址</td>
						<td id="shopAdress"></td>
					</tr>
					<tr>
						<td>经营范围</td>
						<td id="managementRange"></td>
					</tr>
					<tr>
						<td>责任范围</td>
						<td id="areaMeasure"></td>
					</tr>
					<tr>
						<td>社区管理人员</td>
						<td id="areaMperson"></td>
					</tr>
					<tr>
						<td>备注</td>
						<td id="memo"></td>
					</tr>
				</tbody>
			</table>
			<!-- 新闻发布 -->
			<div data-role="collapsibleset">
				<div data-role="collapsible" data-collapsed="false">
					<h3>新闻发布</h3>
					<div id="bussinessContent">
					</div>
				</div>
			</div>

			<!-- 巡检历史记录 -->
			<div data-role="collapsibleset">
				<div data-role="collapsible" data-collapsed="false">
					<h3>历史巡检记录</h3>

					<ul data-role="listview" id="inspections">

					</ul>
				</div>

			</div>

			<!-- 举报历史记录 -->
			<div data-role="collapsibleset">
				<div data-role="collapsible" data-collapsed="false">
					<h3>历史举报记录</h3>

					<ul data-role="listview" id="accusations">

					</ul>
				</div>

			</div>




			<div data-role="popup" id="bussinessContentPop">
				<a href="#" data-rel="back"
					class="ui-btn ui-btn-a ui-icon-delete ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">关闭</a>
				<img src="" id="imgbig" style="width: 100%" />
			</div>
			<div class="ui-block-a">
				<h5 align="left" id="area"></h5>
			</div>
			<div class="ui-grid-b">
				<h5 align="right" id="areaphone"></h5>
			</div>
		</div>

		<div data-role="panel" id="sPanel" data-display="reveal"
			style='background: url(/dcms/img/tousuimg.jpg) 50% 0 no-repeat; background-size: cover'>
			<h2>投诉面板</h2>
			<table data-role="table" data-mode="columntoggle:none"
				class="ui-body-c ui-responsive ui-shadow" data-column-btn-theme="e"
				data-column-popup-theme="c" id="myTableT">
				<thead class="pearlHeading">
					<tr>
						<th>*</th>
						<th>商户投诉</th>
					</tr>
				</thead>
				<tbody>
					<tr>

						<td colspan="2">店名</td>
					</tr>
					<tr>
						<td>*</td>
						<td id="shopNameT"></td>
					</tr>
					<tr>
						<td colspan="2">满意度</td>
					</tr>
					<tr>
						<td>*</td>
						<td><div id="stardivT"></div></td>
					</tr>
					<tr>
						<td colspan="2">投诉类型</td>
					</tr>
					<tr>
						<td>*</td>
						<td><select name="accusationType" id="accusationType">
								<option th:each="accusationType:${accusationTypes}"
									th:value="${accusationType.id}"
									th:text="${accusationType.title}"></option>
						</select></td>
					</tr>
					<tr>
						<td colspan="2">具体内容</td>
					</tr>

					<tr>
						<td>*</td>
						<td><textarea id="accusationReason" style="resize: none;"></textarea></td>
					</tr>

					<tr>
						<td colspan="2"><div align="center">
								<input type="file" id="file_upload" name="file"
									style="display: none;" /> <a href="javascript: ;"
									id="fileclick"> <img src="/dcms/img/upload.png"
									id="avatart" style="width: 30%" /></a>
							</div></td>
					</tr>
				</tbody>
			</table>
			<div data-role="content">
				<a href="#pageone" id="saveBtnT" data-ajax='false'
					data-transition="slide" data-direction="reverse" data-role="button"
					data-theme="e" data-icon="check" data-inline="true">保存</a> <a
					href="#pageone" data-role="button" data-rel="close" data-theme="b"
					data-icon="action" data-inline="true">关闭</a>
			</div>

			<a href="#pageone" data-rel="close" data-inline="true"
				class="ui-btn ui-btn-a ui-icon-delete ui-btn-icon-notext ui-corner-all ui-shadow ui-btn-right">关闭面板</a>

		</div>

		<div data-role="popup" id="menu-scd" data-transition="fade"
			class="vbook-menu-popup ui-popup-container ui-popup-active ui-popup ui-corner-all">
			<ul data-role="listview" id="menu-scd-list" data-inset="true" style="min-width: 210px;">
			    <!-- <li class="ui-li-icon ui-corner-none" data-icon="false"><a href="#sPanel" id="goaAnds">投诉建议</a></li>
				<li class="ui-li-icon ui-corner-none" data-icon="false"><a href="#" id="goTop">返回顶部</a></li>
				<li class="ui-li-icon ui-corner-none" data-icon="false"><a href="#" id="goBottom">返回底部</a></li> -->
			</ul>
			<div class="ui-popup-arrow-container ui-popup-arrow-b">
				<div id="menu-scd-arrow"
					class="ui-popup-arrow ui-body-inherit"></div>
			</div>
		</div>
		
		<div data-role="popup" data-transition="fade" id="popupLoginSelect" data-theme="a" class="ui-corner-all" style='background:url(/dcms/img/loginimg.jpg) 50% 0 no-repeat;background-size:cover'>
            <div style="padding: 10px 20px;">
            <h3>请 登 录</h3>
            <input type="text" name="user" id="user" value="" placeholder="用户名" data-theme="a" data-clear-btn="true"/>
            <input type="password" name="pwd" id="pwd" value="" placeholder="密码" data-theme="a" data-clear-btn="true"/>
            <label id="error" style="color: red"></label>
            <div data-role="content">  
            <a href="javascript: ;" id="subtnForUser" data-ajax='false' data-transition="slide" data-direction="reverse" data-role="button" data-theme="e" data-icon="home" data-inline="true">登录</a>  
            <a data-role="button" id="subtnForVisitors" data-theme="b" data-icon="action" data-inline="true">游客</a>  
            </div>
            <a href='javascript:void(0)' data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
            </div>
        </div>
		
		<div data-role="footer" data-position="fixed" data-tap-toggle="true" id="footerMenu">
			<div data-role="navbar" id="menu-bar">
				<!-- <ul id="menu-list">
					<li><a href="javascript: ;" data-icon="home" class='menuClick'
						id="menu-home">首页</a></li>
				</ul> -->
			</div>
			<!-- <h1>版权所有@Exde 违者必究</h1> -->
		</div>
	</div>
	<link rel="stylesheet"
		th:href="@{/plugins/jQuery/jquery-ui-1.10.4.css}" />
	<!-- <script th:src="@{/plugins/jQuery/jQuery-2.1.4.min.js}"></script> -->
	<script th:src="@{/plugins/jQuery/jquery.raty.js}"></script>
	<script th:src="@{/mobile/mobileIndex.js}"></script>
	<script th:src="@{/plugins/jQuery/moment/moment.min.js}"></script>
	<script th:src="@{/js/ajaxfileupload/ajaxfileupload.js}"></script>
	<script th:src="@{/plugins/sha256.js}"></script>
	<script th:inline="javascript">
		window.rootPath= /*[[${#httpServletRequest.getContextPath()}]]*/
	</script>
</body>
</html>